﻿<html>
<head>

<title>9</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
<fieldset class="layui-elem-field siteidemo-button" style="margin-top:30px;">

<legend>按钮主题</legend>
  <div>
    <button type="button" class="layui-btn layui-btn-primary">原始按钮</button>
    <button type="button" class="layui-btn">默认按钮</button>
    <button type="button" class="layui-btn layui-btn-normal">百搭按钮</button>
    <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button>
    <button type="button" class="layui-btn layui-btn-danger">警告按钮</button>
    <button type="button" class="layui-btn layui-btn-disabled">禁用按钮</button>
  </div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>小徽章、大家族</legend>
</fieldset>
   
<blockquote class="layui-elem-quote layui-quote-nm">
  小圆点：
  <span class="layui-badge-dot"></span>
  <span class="layui-badge-dot layui-bg-orange"></span>
  <span class="layui-badge-dot layui-bg-green"></span>
  <span class="layui-badge-dot layui-bg-cyan"></span>
  <span class="layui-badge-dot layui-bg-blue"></span>
  <span class="layui-badge-dot layui-bg-black"></span>
  <span class="layui-badge-dot layui-bg-gray"></span>
  
  <br><br>常规弧形徽章：
  <span class="layui-badge">777</span>
  <span class="layui-badge">999</span>
  <span class="layui-badge">61728</span>
  <span class="layui-badge">赤</span>
  <span class="layui-badge layui-bg-orange">橙</span>
  <span class="layui-badge layui-bg-green">绿</span>
  <span class="layui-badge layui-bg-cyan">青</span>
  <span class="layui-badge layui-bg-blue">蓝</span>
  <span class="layui-badge layui-bg-black">黑</span>
  <span class="layui-badge layui-bg-gray">灰</span>
  
  <br><br>边框徽章：
  <span class="layui-badge-rim">9</span>
  <span class="layui-badge-rim">giao</span>
</blockquote> 




</body>
</html>